// JavaScript Document


// 柱状图
var myChartone = echarts.init(document.getElementById('chartsone'),"macarons");
var optionone = {
title: {
show: true,
text: '数量(千)',
x: '65',
y: '14',
textStyle: {
fontSize: 10,
fontStyle: 'normal',
fontWeight: 'normal',
color:"#444"
},

},
    tooltip : {
        trigger: 'axis'
    },
    grid: [
        {x: '100', y: '42'}],
    xAxis : [
        {
            type : 'category',
			
			axisLabel:{
                     interval:0,
     				  rotate: 0,//60度角倾斜显示
					 position:'left',
					textStyle:{
                             color:"#444",
                     }},
            data : ['二普','民政','公安'],
			axisLine: {
			show: true,
			onZero: true,
				lineStyle: {
				color:'#1086bf',
				type: 'solid',
				},
			},
        }
    ],
    yAxis : [
        {
            type : 'value',
			axisLabel:{
					position:'left',
					textStyle:{
                             color:"#444"
                     }},
			axisLine: {
			show: true,
			onZero: true,
				lineStyle: {
				color:'#1086bf',
				type: 'solid',
					
				},
			},
			splitLine: {
			show: true,
			onGap: null,
			lineStyle: { 
				color:'rgba(0,0,0,0.05)',
				type: 'solid',
			}
			},
			splitArea:{
				show:false,
			}
			
        }
    ],
	color:[ '#FFB800' ],
    series : [
        {
            name:'面积',
            type:'bar',
			barWidth:'80',
            data:[46,15, 25],
			itemStyle: {
                        emphasis: {
                            barBorderRadius: [0, 0, 0, 0]
                        },
                         
                        normal: {
                            barBorderRadius:[0, 0, 0, 0]
                        }
                    },
            markLine : {
                data : [
                    {type : 'average', name: '平均值'}
                ]
            },
			
			
        }
    ],
	textStyle:[{
		fontSize:'10px',
		color:'#444'
	},
	
	],
	lineStyle:[{
			   color:'#000',
			   }]
};
myChartone.setOption(optionone);


